<template>
	<uni-collapse >
		<uni-collapse-item class="collapse-item-content" @thumbClick="thumbClick" :show="true" v-for="(item ,index) in highLevelInfo" :key="index" :name="index" :open="index === 0?true:false" style="margin-top: 30rpx;"  :title="item.dimension">
			<template v-slot:content>
				<view style="padding: 30rpx; display: flex;flex-direction: column;">
				  <view class="suggest-item-title-view">
					<view class="suggest-item-title-top"></view>
					<view class="suggest-item-title">测试项目:</view>
				  </view>
				  <view class="suggest-item-content">{{item.project}}</view>
				  <view class="suggest--exline"></view>

				  <view class="suggest-item-title-view">
					<view class="suggest-item-title-top"></view>
					<view class="suggest-item-title">测试值:</view>
				  </view>
				  <view class="suggest-item-content">{{item.measureValue}}cm &nbsp;&nbsp;&nbsp;&nbsp;{{item.rankStr}}({{item.rankVal}}分)</view>
				  <view class="suggest--exline"></view>

				  <view class="suggest-item-title-view">
					<view class="suggest-item-title-top"></view>
					<view class="suggest-item-title">测试结论:</view>
				  </view>
				  <view class="suggest-item-content">{{item.dim.passResult}}</view>
				  <view class="suggest--exline"></view>

				  <view class="suggest-item-title-view">
					<view class="suggest-item-title-top"></view>
					<view class="suggest-item-title">培养建议:</view>
				  </view>
				  <view class="suggest-item-content">{{item.dim.advise}}</view>
				</view>
			</template>
		</uni-collapse-item>
	</uni-collapse>
</template>

<script>
	import utils from '@/utils/utils.js'
	import UniCollapse from '@/components/uni-collapse/uni-collapse.vue'
	import UniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue'
	export default {
		name: "PhysicleHighLevel",
		components: {
			UniCollapse,
			UniCollapseItem
		},
		props: {
			highLevelInfo: {
				type: Array,
				default() {
					return []
				}
			},
			answerSheet: {
				type: Array,
				default() {
					return []
				}
			},
			paid: {
				type: Boolean,
				default() {
					return false;
				}
			}
		},
		data() {
			return {
				appId: getApp().globalData.appid,
			};
		},
		methods: {
		}
	}
</script>

<style lang="scss">
	.collapse-item-content {
		
	}
	
	.suggest-item-title-view {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.suggest-item-title-top {
		width: 10px;
		height: 15px;
		background-color: rgba(250, 203, 47, 1);
		opacity: 1;
		margin-right: 10rpx;
	}

	.suggest-item-title {
		font-size: 30rpx;
		font-weight: bold;
		line-height: 21px;
		color: rgba(34, 34, 34, 1);
		opacity: 1;
	}

	.suggest-item-content {
		font-size: 30rpx;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
		opacity: 1;
		margin-top: 20rpx;
		margin-bottom: 40rpx;
		margin-left: 20rpx;
	}
	
	.suggest--exline {
		border-top:1px dashed $app-main-color;
		height: 1px;
		overflow: hidden;
		margin-bottom: 40rpx;
	}
</style>
